<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{% block title %} {% endblock %}</title>

    <!--引入css-->
    <!--Open Sans Font-->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
    <!--Bootstrap Stylesheet [ REQUIRED ]-->
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
    <!--Nifty Stylesheet [ REQUIRED ]-->
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/nifty.css') }}">
    <!--FontAwesome [ DEMONSTRATION ]-->
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/font-awesome.min.css') }}">

    {% block top_css %}
    {% endblock %}

</head>

<body>
<div id="container" class="effect aside-float aside-bright mainnav-lg navbar-fixed mainnav-fixed">

    <!--顶部导航-->
    {% include '_topbar.html' %}

    <!--中间内容-->
    <div class="boxed">
        <!--左侧导航-->
        {% include '_navbar.html' %}

        <!--右侧内容-->
        {% block content %}
        {% endblock %}
    </div>
</div>


<!--引入JavaScript-->
<!--jQuery [ REQUIRED ]-->
<script src="{{ url_for('static', filename='js/jquery.min.js') }}"></script>
<!--BootstrapJS [ RECOMMENDED ]-->
<script src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>
<!--NiftyJS [ RECOMMENDED ]-->
<script src="{{ url_for('static', filename='js/nifty.js') }}"></script>
<!--CsrfJS-->
<script src="{{ url_for('static', filename='js/csrf.js') }}"></script>

{% block buttom_js %}
{% endblock %}


</body>

</html>

